/* page */
.con{height:100%;}
.first_page{background:url('../img/bg0.png') no-repeat center;background-size:cover;}
.first_page .con *{position:absolute;overflow:hidden;height:0;background:no-repeat center;background-size:contain;}
.first_page .con h1{top:30%;left:0;width:70%;padding-top:22.64%;background-image:url('../img/title.png');}
.first_page .con a{bottom:28%;left:5.76%;width:14.45%;padding-top:5.5%;background-image:url('../img/app.png');cursor:pointer;}
.first_page .con a.wechat_link{left:24.9%;background-image:url('../img/wechat.png');}
.first_page .con .wechat_scan{display:block;height:auto;position:absolute;bottom:10%;left:26%;width:13%;display:none;}
.first_page .con .app_scan{display:block;height:auto;position:absolute;bottom:10%;left:6.5%;width:13%;display:none;}

.first_page .con a.app_link:hover{background-image:url('../img/app_float.png');}
.first_page .con a.wechat_link:hover{background-image:url('../img/wechat_float.png');}

div[class^='page']{font-weight:300;text-align:center;}
div[class^='page'] h1{font-size:50px;margin-bottom:60px;padding-top:80px;color:#02222d;}
div[class^='page'] p{font-size:20px;margin-bottom:28px;color:#464646;}
.page1{height:782px;background:url('../img/bg1.png') no-repeat center;background-size:cover;}
.page1 ul{overflow:hidden;zoom:1;width:94.65%;margin:100px auto auto;}
.page1 li{position:relative;float:left;width:44.94%;height:138px;text-align:left;border:1px solid #bfbfbf;}
.page1 li:nth-of-type(2){float:right;}
.page1 li *{position:absolute;}
.page1 li img{top:24px;left:12px;width:90px;height:90px;border-radius:999px;}
.page1 li h4{font-size:14px;top:24px;left:118px;padding-right:16px;color:#818181;}
.page1 li p{font-size:14px;top:62px;left:118px;margin:0;padding-right:16px;color:#22222d;}

.page2{height:955px;background:#f3f2f2;}
.page2 ul{overflow:hidden;zoom:1;width:96.99%;margin:100px auto auto;}
.page2 li{position:relative;float:left;overflow:hidden;width:33.3333%;}
.page2 li img{display:block;width:100%;}
.page2 li div{position:absolute;right:0;bottom:0;left:0;height:110px;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;color:#fff;background:rgba(0,0,0,.4);}
.page2 li div.hide{-webkit-transform:translateY(100%);transform:translateY(100%);}
.page2 li div h3{font-size:20px;margin:12px auto 10px;}
.page2 li div p{font-size:16px;margin-bottom:8px;color:#fff;}
.page2 li div p span{font-size:14px;margin-right:12px;}
.page2 li div p span i{display:inline-block;margin-right:5px;}
.fname{width:15px;height:14px;background:url('../img/icon_house.png') no-repeat center;background-size:15px 14px;}
.fpos{width:12px;height:14px;background:url('../img/icon_location.png') no-repeat center;background-size:12px 14px;}

.page3{height:705px;background:url('../img/bg2.png') no-repeat center;background-size:cover;}
.page3 h1,.page3 p{margin-bottom:40px!important;color:#fff!important;}
.page3 h2{font-size:20px;font-weight:500!important;margin:25px auto 20px;}
.page3 img{width:70%;margin:20px 0 auto;}
.page3 ul li{font-size:16px;line-height:30px;float:left;width:33.333%;color:#fff;}
.page3 a{line-height:33px;display:block;width:100px;margin:30px auto 0;cursor:pointer;border-radius:5px;background:#32b16c;}

.page4{height:790px;background:#fff;}
.page4 .swiper-container{width:100%;margin-top:70px;}
.swiper-slide img{width:100%;}
